<template>
    <div>
        <slot name="role-left"  :count="count"></slot>
        <slot name="role-right" :user="user"></slot>
    </div>
</template>

<script setup>
import { reactive, ref } from 'vue';

// 子组件想父组件传值
const count = ref(1)
const user = reactive({text:"Hello"})

</script>

<style lang="scss" scoped></style>